window.onload = function(){
const oTabIndex = document.getElementById('indexPage')
const oCategoryPage = document.getElementById('categoryPage')
const oThemePage = document.getElementById('themePage')
const oUserPage = document.getElementById('userPage')

const minePage = document.getElementById('minePageContent')
const indexPage = document.getElementById('indexPageContent')
const categoryPage = document.getElementById('categoryPageContent')
const themePage = document.getElementById('themePageContent')
console.dir(minePage)
minePage.style.display = 'none'
categoryPage.style.display = 'none'
themePage.style.display = 'none'
indexPage.style.display = 'none'



oTabIndex.onclick = function () {
    console.log('展示首页')
    minePage.style.display = 'none'
    categoryPage.style.display = 'none'
    themePage.style.display = 'none'
    indexPage.style.display = 'block'
    
}
oCategoryPage.onclick = function () {
    console.log('展示分类页')
    minePage.style.display = 'none'
    categoryPage.style.display = 'block'
    themePage.style.display = 'none'
    indexPage.style.display = 'none'
}
oThemePage.onclick = function () {
    console.log('展示主题页')
    minePage.style.display = 'none'
    categoryPage.style.display = 'none'
    themePage.style.display = 'block'
    indexPage.style.display = 'none'
}
oUserPage.onclick = function () {
    console.log('展示我的页')
    minePage.style.display = 'block';
    categoryPage.style.display = 'none';
    themePage.style.display = 'none';
    indexPage.style.display = 'none';
}
}
